<template>
  <div>
    <h1> {{msg}}</h1>
    <button @click="rev">反转世界</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg :'HELLO,WORLD'
    };
  },
  methods: {
   rev() {
    // 1.将mssg转换成数组
    // 2.反转所有元素
    // 3.赋值给msg变量

    this.msg =this.msg.split('').reverse().join('')
   }
  },
};
</script>

<style>

</style>